import React, { Component } from 'react';
import { NavLink } from 'react-router-dom';
import SettingStyle from '@/page/setting/setting.scss';
import adminType from '@/tool/adminType';
import adminAuthType from '@/tool/adminAuthType';

class Navigation extends Component {
    render() {
        return (
            <div className={SettingStyle['Setting-navigation']}>
                <div className={SettingStyle['navigation-button']}><NavLink exact to="/设置" className={SettingStyle['navigation-button']} activeClassName={SettingStyle['active']}>安全设置</NavLink></div>
                <div className={SettingStyle['navigation-button']}><NavLink exact to="/设置/基本资料" className={SettingStyle['navigation-button']} activeClassName={SettingStyle['active']}>基本资料</NavLink></div>
                {(adminType() == 1 && adminAuthType() == 1) &&
                <div className={SettingStyle['navigation-button']}><NavLink exact to="/设置/实名认证" className={SettingStyle['navigation-button']} activeClassName={SettingStyle['active']}>实名认证</NavLink></div>}
                {(adminType() == 1 && adminAuthType() == 1) &&
                <div className={SettingStyle['navigation-button']}><NavLink exact to="/设置/账号设置" className={SettingStyle['navigation-button']} activeClassName={SettingStyle['active']}>账号设置</NavLink></div>}
                <div className={SettingStyle['navigation-button']}><NavLink exact to="/设置/消息管理" className={SettingStyle['navigation-button']} activeClassName={SettingStyle['active']}>消息管理</NavLink></div>
            </div>
        );
    }
}

export default Navigation;